<template>
    <div class="label-info">
        <h2 class="title">标签云</h2>
        <el-divider></el-divider>
        <div class="info-item">
            <span>Vue2</span>
            <span>Vue3</span>
            <span>Vite</span>
            <span>Axios</span>
            <span>Linux</span>
            <span>Java</span>
            <span>JavaScript</span>
            <span>TypeScript</span>
            <span>Spring</span>
            <span>Spring Boot</span>
        </div>
    </div>
</template>
<style lang="scss" scoped>
    .label-info{
        background-color: $bg-color;
        width: 100%;
        margin-bottom: 15px;
        padding: 10px 12px;
        border-radius: 8px;
        .title,.info-item{
            box-sizing: border-box;
        }
        .title{
            color: $text-color-main;
            @include common-title();
        }
        .info-item{
            display: flex;
            flex-wrap: wrap;
            padding: 4px;
            overflow: hidden;
            span{
                padding: 4px;
                color: $text-color-main;
            }
        }
    }
</style>